<div id="homepage">

    <!-- <a id="btn_musee" type="button" onclick="goToMusee();"></a> -->
    <!-- <a id="btn_reserve" href="<?php echo site_url('reserve/index'); ?>"></a> -->
    <div id="content">
        <div id="zone_left">
            <div id="btn_fabrique" onclick="goToFabrique();">
                <p>Fabrique</p>
            </div>
            <img id="image_left" src="<?php echo($crop_oeuvre_1);?>">
        </div>
        <div id="zone_right" onclick="goToDepot();">
            <div id="btn_depot">
                <p>Dépôt</p>
            </div>
            <img id="image_right" src="<?php echo($crop_oeuvre_2);?>">
        </div>
    </div>

</div>

<!-- Chargement de la feuille de style -->
<link rel="stylesheet" type="text/css" href="<?php echo(css_url('home')); ?>">


<!-- script de navigation et de survol -->
<script>

    // Navigation vers la partie 'dépôt'
    function goToDepot(){
        document.location.href="<?php echo site_url('index.php/depot/index'); ?>";
    }

    // Navigation vers la partie 'fabrique'
    function goToFabrique(){
        document.location.href="<?php echo site_url('index.php/fabrique/index'); ?>";
    }

</script>




